<template>
  <tfoot>
    <tr>
      <td><input type="Checkbox" />全选</td>
      <td colspan="2" class="del">删除选中商品</td>
      <td>
        已选中<span>{{ 1 }}</span
        >件商品
      </td>
      <td>
        合计(不含运费):<span class="total">{{ '¥' + 1.0 }}</span>
      </td>
      <td class="buy">去结算</td>
    </tr>
  </tfoot>
</template>

<script>
export default {}
</script>

<style scoped>
tfoot {
  /* border: 1px solid #000; */
}
td {
  text-align: center;
  /* border: 1px solid #000; */
}
td.del {
  text-align: start;
}
span {
  color: red;
}
span.total {
  font-size: 20px;
}
td.buy {
  font-size: 20px;
  padding: 15px;
  color: white;
  background-color: #0099a8;
}
</style>
